<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <title>作品集</title>
  

    <!-- Bootstrap -->
    <link rel="stylesheet" href="bootstrap.min.css">

    <!-- <[if lt IE 9]>
      <script  src="html5shiv.min.js"></script>
      <script  src="espond.min.js"></script>
    <![endif]-->
     
    <link rel="stylesheet" href="mycss.css">
  </head>

<body>
<div class="box">
  <div class="banner">
  <div class="bg">
  <h2>banner设计</h2>
  </div>
  <hr>
    <img class="img1" src="banner设计1.jpg">
    <img class="img1" src="banner设计2.jpg">
    <img class="img1" src="banner设计3.jpg">
    <img class="img1" src="banner设计4.jpg">
    <img class="img1" src="联想天逸.jpg">
    <img class="img1" src="banner设计6.jpg">
    <img class="img1" src="banner设计7.jpg">
    <img class="img1" src="banner设计8.jpg">
  </div>
  <div class="poster">
  <div class="bg">
   <h2>海报设计</h2>
  </div>
  <hr>
   <img class="poster1" src="秘密花园.jpg">
   <img class="poster1" src="婚纱.jpg" >
   </div>
    <div class="icon">
    <div class="bg">
    <h2>图标设计</h2>
    </div>
    <hr>
    <img class="icon1" src="闹钟图标.jpg">
    <img class="icon1" src="水壶.jpg">
  </div>
  <div class="Webpage">
   <div class="bg">
   <h2>网页设计</h2>
   </div>
    <hr>
    <img class="Webpage1" src="奥迪网页设计1.jpg">
    <img class="Webpage1" src="北京现代汽车网页设计.jpg">
    <img class="Webpage1" src="飞机场网页设计1 ipad端实图.jpg">
    <img class="Webpage1" src="飞机场网页设计1移动端iphone5.jpg">
    <img class="Webpage1" src="设计1.jpg">
    <img class="Webpage1" src="设计2.jpg">
    <img class="Webpage1" src="衣服网页首页设计.jpg">
    <div class="Webpage3">
    <img class="Webpage2" src="飞机场网页设计1移动端.jpg">
    </div>
  </div>
  <div class="DMSinglePage">
    <div class="bg">
   <h2>DM单页设计</h2>
  </div>
   <hr>
    <img class="DM" src="尚林家居-1.jpg">
    <img class="DM" src="尚林家居-2.jpg">
  </div>
  <div class="Folding">
   <div class="bg">
   <h2>折页设计</h2>
   </div>
   <hr>
   <img  class="fol" src="正面.jpg">
   <img  class="fol" src="背面.jpg">
  </div>
</div>

</body>
   <script src="jquery-1.11.1.min.js"></script>
   <script src="bootstrap.min.js"></script>
</html>
